    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
        <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
        <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">
<%--        <base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/static/"/>--%>

        <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="/static/css/font-awesome.min.css">
        <link rel="stylesheet" href="/static/css/main.css">

        <style>
        .tree li {
        list-style-type: none;
        cursor:pointer;
        }
        .tree-closed {
        height : 40px;
        }
        .tree-expanded {
        height : auto;
        }
        body {
        margin-left: -290px;
        margin-top: -50px;
        }
        </style>

        <script src="/static/jquery/jquery-2.1.1.min.js"></script>
        <script src="/static/bootstrap/js/bootstrap.min.js"></script>
        <script src="/static/script/docs.min.js"></script>
        <script type="text/javascript" src="/static/layer/layer.js"></script>
        <script type="text/javascript">
        $(function () {
        $(".list-group-item").click(function(){
        if ( $(this).find("ul") ) {
        $(this).toggleClass("tree-closed");
        if ( $(this).hasClass("tree-closed") ) {
        $("ul", this).hide("fast");
        } else {
        $("ul", this).show("fast");
        }
        }
        });
    /*    layer.msg("要提示的消息！");*/
        });
        </script>

<body>
        <link rel="stylesheet" href="/static/ztree/zTreeStyle.css">
       <%@include file="include-modal-menu-add.jsp" %>
        <%@include file="include-modal-menu-edit.jsp" %>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <i class="glyphicon glyphicon-th-list"></i> 权限菜单列表
                    <div style="float: right; cursor: pointer;" data-toggle="modal"
                         data-target="#myModal">
                        <i class="glyphicon glyphicon-question-sign"></i>
                    </div>
                </div>
                <div class="panel-body">
                    <ul id="treeDemo" class="ztree">


                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>


<script type="text/javascript" src="/static/ztree/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="/static/script/my-menu.js"></script>
